.tixi {
	margin-top: 70px;
	height: 40vh;
	background: url(../img/TXKbg01.png) no-repeat ;
	background-size: 100%;
}
.TXkc ul{
	margin: 0 auto;
	width: 75%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

/* 定义li元素的类选择器样式，调整宽高及背景等 */
.course-item {
	list-style: none;
	width: 30%;
	/* 调整宽度 */
	height: auto;
	/* 高度自适应内容 */
	background-color: white;
	/* 改为白色背景 */
	color: black;
	/* 文字颜色改为黑色 */
	margin-bottom: 20px;
}

/* a标签样式，使其占满li元素 */
.course-item a {
	display: block;
	text-decoration: none;
	color: inherit;
	padding: 15px;
	/* 适当调整内边距 */
	box-sizing: border-box;
}

/* 新品标签样式 */
.new-label {
	background-color: yellow;
	color: black;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 10px;
}

/* 图片样式，调整图片大小及去除与下方间隔 */
.top-image {
	width: 100%;
	max-height: 250px;
	/* 限制图片最大高度 */
	object-fit: cover;
	/* 保持图片比例并填充区域 */
	margin-bottom: 0;
	/* 去除图片与下方元素的间隔 */
	position: relative;
	/* 相对定位，便于控制层叠顺序 */
	z-index: 1;
	/* 初始设置较低的层叠顺序 */
}

/* 描述文字样式，设置初始显示一半在下方及相关定位等 */
.description {
	margin-top: -80px;
	color: black;
	padding: 10px;
	margin-bottom: 0;
	/* 去除底部外边距，不额外占用位置 */
	height: 80px;
	/* 固定高度 */
	overflow: hidden;
	/* 超出部分隐藏 */
	position: relative;
	/* 相对定位，便于内部绝对定位元素调整位置 */

}

.description p {
	background-color: #fff !important;
}

/* 描述文字内容的容器，使用绝对定位控制显示位置 */
.description-content {
	position: absolute;
	width: 100%;
	bottom: -30px;
	/* 初始位置在下方，超出可视区域一半高度 */
	left: 0;
	transition: bottom 0.3s ease;
	/* 设置过渡效果，时间为0.3秒，缓动函数为ease */
	z-index: 2;
	/* 设置较高的层叠顺序，以便鼠标悬停时能挡住图片 */
}

/* 描述文字在鼠标悬停时平移到上方完整显示，通过伪类实现 */
.description:hover .description-content {
	bottom: 0;
	/* 鼠标悬停时移动到可视区域内（上方） */
}

/* 优惠价格和原价及购买按钮所在行的样式 */
.price-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* 优惠价格样式，调整颜色、大小等 */
.price {
	color: red;
	font-size: 18px;
	/* 适当调小字体大小 */
}

/* 原价样式，改为灰色、调小字体大小，并调整位置 */
.original-price {
	color: gray;
	font-size: 14px;
	/* 调小字体大小 */
	text-decoration: line-through;
}

/* 立即购买按钮样式 */
.buy-now {
	background-color: #007BFF;
	color: white;
	padding: 8px 16px;
	/* 调整按钮内边距 */
	border-radius: 5px;
	border: none;
	cursor: pointer;
}